@charset "utf-8";
/*=========================Reset_start==========================*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{
	margin: 0; 
	padding: 0;
}

html,body{
	font-size: 12px;
	font-family:"宋体","微软雅黑",Arail,Tabhoma; 
	color:#333; 
	text-align: left;
	/* overflow-y:scroll;*/ 
	overflow-x:hidden;
}

th,strong,var,em,address, caption, cite, code, dfn{
	font-weight: normal; 
	font-style: normal;
}

table{
	border-collapse: collapse;
	 border-spacing: 0;
	}

ul,ol{
	list-style: none;
}

fieldset,img{
	border: 0;
}

img{
	display: block;
} 

input,select,textarea{
	outline:0;
}

 textarea {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    resize:none;
    color: #666;
    box-sizing: border-box;
    font-weight: lighter;
    font-family: Arial,'Hiragino Sans GB',Microsoft Yahei,Helvetica Neue,Helvetica,sans-serif !important;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:focus {
        outline: none;
    }
}


a{
	text-decoration: none;
	color: #333;
}


/*a:link,a:visited,a:hover,a:active{text-decoration:none;} */
/*==========================Reset_End===========================*/
body,html{
	width:100%;
	height:100%;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	max-width: 560px;
	margin: 0 auto;
}

/*头部*/	
header{
	width:100%;
	height:50px;
	background:#1d222e;
	position: relative;
}
.hd-lt{
	width:30%;
	height: 100%;
	background: url('http://p5h2yiold.bkt.clouddn.com/logo.png') no-repeat 5% center;
	background-size: auto 70%;
	float: left;
}
.hd-mt{
	width:50%;
	height: 100%;
	float: left;
	margin: 0 2%;
}
.hd-mt a{
	display: block;
	width: 100%;
	height: 100%;
	background: url('http://p5b8mmggl.bkt.clouddn.com/phone_.png') no-repeat center;
	background-size: auto 55%;	
}

.hd-rt{
	width:16%;
	height: 100%;
	float: left;
}
.hd-rt span{
	display: block;
	width: 100%;
	height: 100%;
	background: url('http://p5h2yiold.bkt.clouddn.com/2.png') no-repeat center;
	background-size: auto 42%;
	transition:all 0.6s;	
}
.hd-rt .act{
	background: url('http://p5h2yiold.bkt.clouddn.com/3.png') no-repeat center;
	background-size: auto 42%;
	transform: rotate(90deg);
}
.hd-bt{
	width: 100%;
	height: 90%;
	position: absolute;
	left: 0;
	top:50px;
	display: none;
	background: #fff;
	z-index: 999;
	/* margin-bottom: 10px; */
}
.hd-bt li{
	width: 100%;
	padding: 4% 0;
	font-size: 1.4rem;
	text-align: center;
	margin-top: 3%;
}
.hd-bt .act a{
	color: #6ec6e0;
}

/*section*/

section{
	-webkit-box-flex:1;
	background:#f6f6f6;
	overflow: auto;
}
.banner{
	width: 100%;
	height: auto;
	position: relative;
}
.banner>img{
	width: 100%;
}

.banner p{
	width: 100%;
	height: 25%;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	position: absolute;
	left: 0;
	top:15%;
}
.banner p span{
	color: #6ec6e0;
}
.banner ul{
	width: 64%;
	height: 50%;
	position: absolute;
	left: 18%;
	top:40%;
}
.banner ul li{
	width: 33.3%;
	height: 100%;
	float: left;
}
.banner ul li b{
	display: block;
	width: 100%;
	height: 66%;
}
.banner ul li b img{
	height: 80%;
	margin: 0 auto;
}
.banner ul li span{
	display: block;
	width: 100%;
	text-align: center;
	color: #6ec6e0;
	font-size: 1.2rem;
}

/*底部*/
footer{
	height:50px;
	background:#666666;
	margin-bottom: 60px;	
}
footer p{
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
	line-height: 1.6rem;
	padding-top: 1.6%;
}
/*底部*/
	#footer {
		position: fixed;
		font-size: 0;
		/*overflow: hidden;*/
		bottom: 0;
		z-index: 999;
	}

	#footer div {
		display: inline-block;
		width: 25vw;
	}

	#footer div img {
		width: 100%;
		vertical-align: top;
		display: block;
		height: 60px;
	}
	#footer  #wx img {
		height: 50vw;
	}
